<!-- 张欢欢  驾驶员信息页面 -->
<!DOCTYPE html>
<html lang="en">
<head>
  <base href=""/>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>驾驶员档案</title>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap-responsive.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/common.css"/>
  
  <script type='text/javascript' src='../static/js/jquery-1.10.2.min.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap.min.js'></script>
  <script type="text/javascript" src="../static/js/common.js"></script>
  <script type='text/javascript' src="../static/js/driverInfo.js"></script>
  <script type='text/javascript' src='../static/js/page.js'></script>
</head>
<body>
<div>
  <div class="top"></div>
  <div class="part">
        <h4 class="partTitle">
			当前位置: 车辆 <span class="comSpanTitle">></span>驾驶员档案
		</h4>
        <form class="form-horizontal" id="searchDriverInfo">
            <input id="page" name="page" value="1" hidden="hidden">
            <input id="rows" name="rows" value="8" hidden="hidden">
            <div class="form-group">
                <label for="cardNo" class="col-sm-1 control-label partConditionTitle">员工卡号</label>
                <div class="col-sm-1 partCondition">
                    <input maxlength="10" name="cardNo" id="cardNo" class="form-control"/>
                </div>
                <label for="driverName" class="col-sm-1 control-label partConditionTitle">驾驶员姓名</label>
                <div class="col-sm-1 partCondition">
                    <input maxlength="10" name="driverName" id="driverName" class="form-control"/>
                </div>
                <label for="telephoneNo" class="col-sm-1 control-label partConditionTitle">手机号</label>
                <div class="col-sm-1 partCondition">
                    <input maxlength="15" name="telephoneNo" id="telephoneNo" class="form-control">
                </div>
                <label for="email" class="col-sm-1 control-label partConditionTitle">邮箱</label>
                <div class="col-sm-1 partCondition">
                    <input maxlength="50" id="email" name="email" class="form-control"type="email"/>
                </div>
               <label for="weChat" class="col-sm-1 control-label partConditionTitle">微信号</label>
               <div class="col-sm-1 partCondition">
                <input maxlength="20" id="weChat" name="weChat" class="form-control">
               </div>
            </div>
        </form>
        <div class="form-group">
           <button type="button" class="btn btn-primary"onclick="findFirstPage();return false;">
               <span class="glyphicon glyphicon-search" aria-hidden="true"></span> 查询
           </button>
        </div>
    </div>
  <div class="part">
        <h4 class="partTitle"><strong>驾驶员档案列表</strong></h4>
        <div class="partTable">
          <table class="table table-hover" id="driverInfoTable">
              <thead>
                <tr>
                  <th class = "chkwidth"><input id="chk1" type="checkbox" onclick="checkAll('chk')"></th>
                  <th class = "nowidth">序号</th>
                  <th>员工卡号</th>
                  <th>驾驶员姓名</th>
                  <th>手机号</th>
                  <th>邮箱</th>
                  <th>微信号</th>
                  <th>性别</th>
                  <th>是否使用</th>
                </tr>
              </thead>
              <tbody id="driverInfoTbody">
              </tbody>
          </table>
        </div>
        <div class="partBtn">
            <button type="button" class="btn btn-primary" aria-label="Left Align" onclick="save();">
                <span class="btncolor"><img src="../static/images/plus01.png" aria-hidden="true"/></span> 添加
            </button>&nbsp;&nbsp;
            <button type="button" class="btn btn-primary" aria-label="Left Align" onclick="update();">
                <span class="btncolor"><img src="../static/images/modify.png" aria-hidden="true"/></span> 修改
            </button>&nbsp;&nbsp;
            <button type="button" class="btn btn-primary" aria-label="Left Align"onclick="del();">
                <span class="btncolor"><img src="../static/images/delete.png" aria-hidden="true"/></span> 删除
            </button>
            <div class="partTurnPage">
              <ul class="list-inline">
                <li><a href="#" onclick="firstPage();return false;"><ins>首页</ins></a></li>
                <li><a href="#" onclick="formPage();return false;"><ins>上一页</ins></a></li>
                <li><a href="#" onclick="nextPage();return false;"><ins>下一页</ins></a></li>
                <li><a href="#" onclick="lastPage();return false;"><ins>尾页</ins></a></li>
                <li id="total">共0条 / 共0页</li>
                <li>转到</li>
                <li><input id="currentPage" value="1" type="text" class="form-control partCurrentPage"/></li>
                <li><a href="#" onclick="ensure();return false;"><ins>Go</ins></a></li>
              </ul>
          </div>
      </div>
  </div>
    <!--添加-->
  <div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" tabindex="-1" id="save" class="modal fade popup">
     <div class="popupForm">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
         </button>
         <h4 class="modal-title" id="saveTitle"></h4>
       </div>
       <div class="modal-body">
         <form class="form-horizontal" id="saveForm">
           <div class="form-group" id="driverCardNo">
            <label for="saveCardNo" class="col-sm-3 control-label">员工卡号</label>
            <div class="col-sm-7">
              <input id="saveCardNo" name="saveCardNo" class="form-control"/>
            </div>
           </div>
           <div class="form-group" >
            <label for="saveDriverName" class="col-sm-3 control-label">姓名</label>
            <div class="col-sm-7">
              <input maxlength="10" id="saveDriverName" name="saveDriverName" class="form-control"/>
            </div>
           </div>
            <div class="form-group" >
            <label for="saveTelephoneNo" class="col-sm-3 control-label">手机号</label>
            <div class="col-sm-7">
              <input maxlength="15" id="saveTelephoneNo" name="saveTelephoneNo" class="form-control"/>
            </div>
           </div>
           <div class="form-group" >
            <label for="saveEmail" class="col-sm-3 control-label">邮箱</label>
            <div class="col-sm-7">
              <input maxlength="50" id="saveEmail" name="saveEmail" class="form-control"/>
            </div>
           </div>
           <div class="form-group" >
            <label for="saveWeChat" class="col-sm-3 control-label">微信号</label>
            <div class="col-sm-7">
              <input maxlength="20" id="saveWeChat" name="saveWeChat" class="form-control"/>
            </div>
           </div>
           <div class="form-group" id="sex">
            <label for="saveSex" class="col-sm-3 control-label">性别</label>
            <div class="col-sm-7">
              <select class="form-control"id="saveSex"name="Sex">
               		<option value="">请选择</option>
               		<option value="1">男</option>
               		<option value="0">女</option>
                    </select>
            </div>
           </div>
           <div class="form-group">
				<label for="saveEnabled" class="col-sm-3 control-label">是否使用</label>
				<label for="saveEnabled" class="col-sm-2 control-label">
					<input type="radio" name="saveEnabled" checked="checked" value="0">否
				</label> 
				<label for="saveEnabled" class="col-sm-2 control-label">
					<input type="radio" name="saveEnabled" value="1">是
				</label>
			</div>
         </form>
       </div>
       <div class="modal-footer">
        <button type="button" class="btn btn-primary" onclick="confirm()">确定</button>
        <button type="button" class="btn btn-danger" data-dismiss="modal">取消</button>
       </div>
    </div>
  </div>
</div>
</body>
</html>
